<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>购卡-聚合支付-选择支付方式</title>
    <link href="../../../css/768_1366/global.css" rel="stylesheet"/>
    <link href="../../../css/768_1366/common.css" rel="stylesheet"/>
    <link href="../../../css/768_1366/salecard.css" rel="stylesheet"/>
    <style>
        .paylist{
            padding: 20px 120px;
            top: 30px;
        }
        .paylist li{
            margin-bottom: 20px;
        }

        .paylist .paycode , .paylist .paycash{
            margin-right: 30px;
        }





        .paylist .paycode, .paylist .paycash, .paylist .payency, .paylist .payquick{
            background-size: 65px 65px;
            width: 200px;
            height: 210px;
            overflow: hidden;
            border-radius: 5px;
            position: relative;
            display: none;
        }

        .paylist .payquick {
            background: #7983c0 url(../../../images/768_1366/icon_QuickPass.png) center no-repeat;
            background-size: 190px 65px;
            margin-right: 30px;
        }

        .paylist .payency {
            background: #f0eff4 url(../../../images/768_1366/digcurrency.png) center no-repeat;
            background-size: 200px 210px;
            margin-right: 30px;
        }

        .paylist .paycode, .paylist .paycash,  .paylist .payquick{
            background-position-y: 20px;
        }
        .paylist p{
            padding-top: 110px;
            text-align: center;
        }
        .paycodeimg{
            text-align: center;
            padding-top: 10px;
        }

        /*.paylist .paycode{*/
        /*    display: block;*/
        /*}*/

        /*.paylist .paycash{*/
        /*    display: block;*/
        /*}*/

        /*.paylist .payency{*/
        /*    display: block;*/
        /*}*/

        /*.paylist .payquick{*/
        /*    display: block;*/
        /*}*/
    </style>
</head>

<body>
<div class="container inner">
    <div class="header">
        <div class="logo"><em class="_devName"></em></div>
    </div>
    <div class="contentbox">
        <div class="bar">
            您正在办理：<strong>购卡业务</strong>
        </div>
        <div class="mainbox">
            <div class="codebox modetit"><p class="leftcon"><strong class="leftit">需支付：<span class="_bizAmount"></span></span>元</strong>请选择支付方式
            </p></div>
            <ul class="paylist">
                <li class="paycode" voice-control="扫码">
                    <p>扫码支付</p>
                    <div class="paycodeimg"><img src="../../../images/768_1366/paycode.png" width="280" alt="paycode">
                    </div>
                    <div id="" class="promoteicon"></div>
                </li>
                <li class="paycash" voice-control="现金">
                    <p>现金支付</p>
                </li>

                <li class="payency" voice-control="数字人民币">
<!--                    <p>数字人民币支付</p>-->
                </li>
                <li class="payquick" voice-control="银联闪付">
                    <p>银联闪付</p>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <input type="button" value="首 页" name="exit" class="exit" voice-control="首页,退出"/>
        <div class="timing">剩余操作时间：<span>200</span></div>
    </div>
    <div class="banner">
        <ul></ul>
        <ol></ol>
        <i class="left"></i><i class="right"></i>
    </div>
</div>
</body>
</html>

<script src="../../../js/frame/jquery.min.js"></script>
<script src="../../../js/frame/browser.js"></script>
<script src="../../../js/frame/banner.js"></script>
<script src="../../../js/frame/wtsd.utils.js"></script>
<script src="../../../../personal/js/Module.js"></script>
<script src="../../../../personal/js/Config.js"></script>
<script src="../../../../personal/js/TicketFormat.js"></script>
<script src="../../../../personal/js/Sound.js"></script>
<script src="../../../js/driver/BaseDriver.js"></script>
<script src="../../../js/driver/CardBox.js"></script>
<script src="../../../js/driver/CashBox.js"></script>
<script src="../../../js/driver/POS.js"></script>
<script src="../../../js/driver/QuckPass.js"></script>
<script src="../../../js/driver/Printer.js"></script>
<script src="../../../js/driver/LED.js"></script>
<script src="../../../js/driver/MultiIO.js"></script>
<script src="../../../js/driver/Common.js"></script>
<script src="../../../js/driver/Xunfei.js"></script>
<script src="../../../js/gateway/BFE.js"></script>s
<script src="../../../js/gateway/TFE.js"></script>
<script src="../../../js/biz/common/BizCache.js"></script>
<script src="../../../js/biz/common/PageTools.js"></script>
<script src="../../../js/frame/chat.js"></script>
<script src="../../../js/frame/lib.js"></script>
<script src="../../../js/frame/voice-control.js"></script>
<script src="../../../js/biz/salecard/step-2-choose-payment-merge.js"></script>